$enable-responsive-font-sizes: true;

@import "~bootstrap/scss/bootstrap";

@import "loading2";

.release-stage {
  font-family: $font-family-monospace;
  vertical-align: top;
  font-size: 0.7rem;
}

#table {
  margin: 0 auto;

  td.data-available {
    background-color: $gray-100;
    border: $dark 1px solid;
  }

  td.data-unavailable {
    background-color: $gray-200;
  }
}

#table.td-no-border td {
  border: none;
}

.data-new-chess {
  display: inline-block;
  text-align: center;
}

.data-chess, .data-chess-pre {
  position: relative;
  z-index: 100;
  max-width: 100%;
  max-height: 100%;
}

.pickable .data-chess {
  cursor: pointer;
}

.picked-up .data-chess, .data-chess-pre {
  opacity: 0.5;
}

#rectpaper {
  display: block;
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
  /* opacity: 0.85; */
}

#pickedUpFollow {
  position: fixed;
  z-index: 105;
  cursor: move;
  pointer-events: none;
}

#contextMenu {
  display: none;
  position: fixed;
}

@import "chesstalk";
